import { Col, Row } from 'antd';
import MoneyIcon from '@/assets/icons/money-icon.png';
import './index.scss';

const SixMoney = () => {
    return (
        <Row className="every-part" gutter={[16, 0]}>
            <Col md={24} xl={12}>
                <Row className="money-count">
                    <Col md={24} xl={12} className="money-countBox">
                        <img src={MoneyIcon} alt="" className="money-count-img" />
                    </Col>
                    <Col md={24} xl={12} className="money-count-info">
                        <Col className="money-count-title">主交易量</Col>
                        <Col className="money-count-num">0.000</Col>
                    </Col>
                </Row>
            </Col>
            <Col md={24} xl={12}>
                <Row className="money-count">
                    <Col md={24} xl={12} className="money-countBox">
                        <img src={MoneyIcon} alt="" className="money-count-img" />
                    </Col>
                    <Col md={24} xl={12} className="money-count-info">
                        <Col className="money-count-title">副交易量</Col>
                        <Col className="money-count-num">0.000</Col>
                    </Col>
                </Row>
            </Col>
            <Col md={24} xl={12}>
                <Row className="money-count">
                    <Col md={24} xl={12} className="money-countBox">
                        <img src={MoneyIcon} alt="" className="money-count-img" />
                    </Col>
                    <Col md={24} xl={12} className="money-count-info">
                        <Col className="money-count-title">手续费分佣</Col>
                        <Col className="money-count-num">0.000</Col>
                    </Col>
                </Row>
            </Col>
            <Col md={24} xl={12}>
                <Row className="money-count">
                    <Col md={24} xl={12} className="money-countBox">
                        <img src={MoneyIcon} alt="" className="money-count-img" />
                    </Col>
                    <Col md={24} xl={12} className="money-count-info">
                        <Col className="money-count-title">跟单分佣</Col>
                        <Col className="money-count-num">0.000</Col>
                    </Col>
                </Row>
            </Col>
            <Col md={24} xl={12}>
                <Row className="money-count">
                    <Col md={24} xl={12} className="money-countBox">
                        <img src={MoneyIcon} alt="" className="money-count-img" />
                    </Col>
                    <Col md={24} xl={12} className="money-count-info">
                        <Col className="money-count-title">NFT分红</Col>
                        <Col className="money-count-num">0.000</Col>
                    </Col>
                </Row>
            </Col>
            <Col md={24} xl={12}>
                <Row className="money-count">
                    <Col md={24} xl={12} className="money-countBox">
                        <img src={MoneyIcon} alt="" className="money-count-img" />
                    </Col>
                    <Col md={24} xl={12} className="money-count-info">
                        <Col className="money-count-title">BOT交易量</Col>
                        <Col className="money-count-num">0.000</Col>
                    </Col>
                </Row>
            </Col>
        </Row>
    );
};

export default SixMoney;
